<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>图片背景与图片内容</title>
	<style>

		.first{
			width: 400px;
			height: 400px;
			border: 1px solid #000;
			background-image: url("niukou.jpg");
			background-repeat: no-repeat;
			background-color: purple;
			padding: 10px;
			/*background-position: */
			background-size: 88px;
		}
		.second{
			border: 1px solid #000;
			height: 666px;
			overflow: hidden;
		}
	</style>
</head>
<body>
	<div class="first">
		2018年7月28日澳大利亚乒乓球公开赛
	</div>
	<div class="second">
		<img src="wit.jpg" alt="img">
		这是一张图片
	</div>
</body>
</html>